<script setup lang="ts">
import {RouterView} from 'vue-router'
</script>
<template>
    <nav class="navbar">
    <router-link to="/add">添加闪卡</router-link>
    <router-link to="/list">查看所有闪卡</router-link>
    <router-link to="/review/classic">经典闪卡复习</router-link>
    <router-link to="/review/list">全览闪卡复习</router-link>
    <router-link to="/statistics">统计</router-link>
  </nav>
  <RouterView />
</template>
<style>
.navbar {
  padding: 1rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  display: flex;
  gap: 1rem;
}

.navbar a {
  color: #2c3e50;
  text-decoration: none;
  font-weight: bold;
}

.navbar a.router-link-exact-active {
  color: #42b983;
}
</style>